import React, { useState } from 'react';
// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
import { Story, Meta } from '@storybook/react/types-6-0';

import { Icon, IconProps } from './icon';

export default {
  title: 'Example/Icon',
  component: Icon,
  argTypes: {
    backgroundColor: { control: 'color' },
  },
} as Meta;
const Template: Story<IconProps> = (args) => <Icon {...args} style={{margin: '2em'}}/>;

export const Search = Template.bind({});
Search.args = {
  icon: "search"
};

